<template>
  <div class="page-content">
    <div class="text-right" v-if="viewMode">
      <el-button size="small" class="mb-2 d-print-none" @click="handlePrint">
        <i class="fa fa-print"></i>
        打印
      </el-button>
    </div>
    <div :id="printId" class="p-5">
      <div v-loading="loading" class="print-content">
        <h4 class="text-center">承诺书</h4>
        <h4 class="text-center">({{ isPerson ? '自然人' : '法人' }} - 申请人)</h4>
        <div v-if="isPerson">
          <div class="text-indent mt-5">
            本人于
            <span class="underline">
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </span>
            年
            <span class="underline">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
            月
            <span class="underline">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
            日向贵公司申请担保业务，特此作出承诺如下：
          </div>
          <div class="text-indent">
            1. 本人承诺申请书所填信息完全属实，若由
            <span class="underline">
              &nbsp;&nbsp;&nbsp;&nbsp;
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </span>
            <span class="underline">
              &nbsp;&nbsp;&nbsp;&nbsp;
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </span>
            公司工作人员或其他人员代为填写，
            是经我授权并认可的，且提供给贵司留存的各项资料复印件真实合法；无违法、违纪、舞弊现象。
          </div>
          <div class="text-indent">
            2.
            本人承认申请书作为向贵司申请担保的依据，无论是否获批，贵司均有权保留此申请书及相关资料；
          </div>
          <div class="text-indent">
            3.
            本人授权贵司在办理本次业务过程中（从业务申请至业务终止），可以通过公开网站但不限于工商、司法、政府信用网站等进行相关信用信息查询，并保存查询结果。
          </div>
          <div class="text-indent">以上承诺，如有造假，本人愿承担由此引起的全部法律责任。</div>
          <div class="mt-5 text-sign">
            <div class="text-right">
              <div>签字：</div>
              <div>日期：</div>
            </div>
          </div>
        </div>
        <div v-else>
          <div class="text-indent mt-5">
            本公司于
            <span class="underline">
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </span>
            年
            <span class="underline">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
            月
            <span class="underline">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
            日向贵公司申请担保业务，特此作出承诺如下：
          </div>
          <div class="text-indent">
            1. 本公司提交的担保申请，是经本公司全体股东同意，符合公司章程及内部制度的有关规定。
          </div>
          <div class="text-indent">
            2. 本公司承诺申请书所填信息完全属实，若由
            <span class="underline">
              &nbsp;&nbsp;&nbsp;&nbsp;
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </span>
            <span class="underline">
              &nbsp;&nbsp;&nbsp;&nbsp;
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </span>
            公司工作人员或其他人员代为填写，是经我授权并认可的，且提供给贵司留存的各项资料复印件真实合法；无违法、违纪、舞弊现象。
          </div>
          <div class="text-indent">
            3.
            本公司承认申请书作为向贵司申请担保的依据，无论是否获批，贵司均有权保留此申请书及相关资料；
          </div>
          <div class="text-indent">
            4.
            本公司授权贵司在办理本次业务过程中（从业务申请至业务终止），可以通过公开网站但不限于工商、司法、政府信用网站等进行相关信用信息查询，并保存查询结果。
          </div>
          <div class="text-indent">以上承诺，如有造假，本公司愿承担由此引起的全部法律责任。</div>
          <div class="mt-5 text-sign">
            <div class="text-right">
              <div>签章：</div>
              <div>日期：</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { printA4 } from '@vimi/utils-tool'
export default {
  props: {
    queryId: String,
    isPerson: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      loading: false,
    }
  },
  computed: {
    viewMode() {
      return true
    },
    printId() {
      return `commitment-${this.queryId}`
    },
  },
  created() {},
  methods: {
    handlePrint() {
      printA4(
        document.getElementById(this.printId).innerHTML,
        `
        .print-content {
          padding: 2rem;
          background-color: #fefefe;
          max-width: 700px;
          margin: 0 auto;
          font-size: 1.4rem;
          line-height: 2;
        }
        .text-indent {
          text-indent: 2.8rem;
        }
        .text-sign {
          margin-right: 150px;
        }
        .underline {
          text-decoration: underline;
        }
      `
      )
    },
  },
}
</script>
<style lang="scss" scoped>
.page-content {
  border: 1px solid $border-color;
  padding: 2rem;
  background-color: #fefefe;
  max-width: 700px;
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 2;
}
.text-indent {
  text-indent: 2.8rem;
}
.text-sign {
  margin-right: 150px;
}
.underline {
  text-decoration: underline;
}
</style>
